<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/Zui.css" />
	<link rel="stylesheet" href="font/iconfont.css" />
	<link rel="stylesheet" href="libs/swiper/swiper.css" />
    <link rel="stylesheet" href="css/style.css" />
    <script>
	!function (window) {
		//ydui
		/* 设计图文档宽度 */
		var docWidth = 750;

		var doc = window.document,
			docEl = doc.documentElement,
			resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';

		var recalc = (function refreshRem () {
			var clientWidth = docEl.getBoundingClientRect().width;

			/* 8.55：小于320px不再缩小，11.2：大于420px不再放大 */
			docEl.style.fontSize = Math.max(Math.min(20 * (clientWidth / docWidth), 11.2), 8.55) * 5 + 'px';

			return refreshRem;
		})();

		/* 添加倍屏标识，安卓为1 */
		docEl.setAttribute('data-dpr', window.navigator.appVersion.match(/iphone/gi) ? window.devicePixelRatio : 1);

		if (/iP(hone|od|ad)/.test(window.navigator.userAgent)) {
			/* 添加IOS标识 */
			doc.documentElement.classList.add('ios');
			/* IOS8以上给html添加hairline样式，以便特殊处理 */
			if (parseInt(window.navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/)[1], 10) >= 8)
				doc.documentElement.classList.add('hairline');
		}

		if (!doc.addEventListener) return;
		window.addEventListener(resizeEvt, recalc, false);
		doc.addEventListener('DOMContentLoaded', recalc, false);

	}(window);
	</script>
</head>
<body>
	<div class="ui-page">
		<div class="ui-content">
			<div class="c-hd">
				<div class="c-navbar ui-box ui-box-pack-center ui-box-align-end">
					<div class="iconfont icon-cart"></div>
					<div class="search ui-col">
						<i class="search-icon"></i>
						<input type="text" placeholder="搜索" class="search-input"/>
					</div>
					<div class="iconfont icon-user"></div>
				</div>
				<div class="c-banner"></div>
				<div class="c-slider sec">
					<div class="sec-title">
						<h3 class="title-main">企业展示</h3>
					</div>
					<div class="slider-cont">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<img class="company-logo" src="image/company/c1.png">
									<p class="company-name">大隆宇丰</p>
								</div>
								<div class="swiper-slide">
									<img class="company-logo" src="image/company/c2.png">
									<p class="company-name">重庆炎炼</p>
								</div>
								<div class="swiper-slide">
									<img class="company-logo" src="image/company/c3.png">
									<p class="company-name">重科智能</p>
								</div>
								<div class="swiper-slide">
									<img class="company-logo" src="image/company/c1.png">
									<p class="company-name">大隆宇丰</p>
								</div>
								<div class="swiper-slide">
									<img class="company-logo" src="image/company/c3.png">
									<p class="company-name">重科智能</p>
								</div>
							</div>
							<!-- Add Arrows -->
							<div class="swiper-button-prev"><i class="iconfont icon-left"></i></div>
							<div class="swiper-button-next"><i class="iconfont icon-right"></i></div>

						</div>
					</div>
				</div>
			</div>
			<div class="c-bd">
				<div class="c-category sec">
					<div class="sec-title">
						<h3 class="title-main">家具建材</h3>
					</div>
					<div class="sec-more">更多<i class="iconfont icon-right"></i></div>
					<div class="category-cont">
						<ul class="pro-list ui-clearfix">
							<li>
								<div class="pro-img"><img src="image/pro/p1.png"></div>
								<div class="pro-name ui-ellipsis ui-ellipsis-2">全友家私现代简约皮布艺沙发组合客厅家具小户型</div>
								<div class="ui-box">
									<div class="ui-col pro-price">￥2499.00</div>
									<div class="ui-col pro-addCart ui-text-right"><i class="iconfont icon-cart"></i></div>
								</div>
							</li>
							<li>
								<div class="pro-img"><img src="image/pro/p2.png"></div>
								<div class="pro-name ui-ellipsis ui-ellipsis-2">全实木餐桌小户型火烧石餐桌椅组合</div>
								<div class="ui-box">
									<div class="ui-col pro-price">￥2789.00</div>
									<div class="ui-col pro-addCart ui-text-right"><i class="iconfont icon-cart"></i></div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="c-category sec">
					<div class="sec-title"> 
						<h3 class="title-main">智能设备</h3>
					</div>
					<div class="sec-more">更多<i class="iconfont icon-right"></i></div>
					<div class="category-cont">
						<ul class="pro-list ui-clearfix">
							<li>
								<div class="pro-img"><img src="image/pro/p3.png"></div>
								<div class="pro-name ui-ellipsis ui-ellipsis-2">拟脑智能机器人儿童早教学习聊天陪护视频通话</div>
								<div class="ui-box">
									<div class="ui-col pro-price">￥2199.00</div>
									<div class="ui-col pro-addCart ui-text-right"><i class="iconfont icon-cart"></i></div>
								</div>
							</li>
							<li>
								<div class="pro-img"><img src="image/pro/p4.png"></div>
								<div class="pro-name ui-ellipsis ui-ellipsis-2">科沃斯扫地机器人吸尘器智能家居超薄全自动扫地</div>
								<div class="ui-box">
									<div class="ui-col pro-price">￥79.00</div>
									<div class="ui-col pro-addCart ui-text-right"><i class="iconfont icon-cart"></i></div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="ui-footer">
			<div class="footer-tab">
				<div class="tab-item active">
					<div class="tab-icon">
						<i class="iconfont icon-tHome"></i>
					</div>
					<div class="tab-title">首页</div>
				</div>
				<div class="tab-item">
					<div class="tab-icon">
						<i class="iconfont icon-tDistribution"></i>
					</div>
					<div class="tab-title">分销中心</div>
				</div>
				<div class="tab-item">
					<div class="tab-icon">
						<i class="iconfont icon-tCart"></i>
					</div>
					<div class="tab-title">购物车</div>
				</div>
				<div class="tab-item">
					<div class="tab-icon">
						<i class="iconfont icon-tUser"></i>
					</div>
					<div class="tab-title">会员中心</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script src="libs/swiper/swiper-3.4.2.min.js"></script>
<script>
	(function(){
		var swiper = new Swiper('.swiper-container', {
			slidesPerView: 3,
			nextButton: '.swiper-button-next',
			prevButton: '.swiper-button-prev',
		});
	}())
</script>
</html>